<script setup>
import logoImg from '@/assets/common/header/logo.png';
</script>

<template>
  <div class="header">
    <a class="header-logo" target="_blank" href="https://xihe.mindspore.cn">
      <img :src="logoImg" alt="" srcset="" />
    </a>
  </div>
</template>

<style lang="scss" scoped>
.header {
  display: flex;
  align-items: center;
  max-width: 1472px;
  margin: 0 auto;
  height: 100%;
  padding: 0 16px;
  position: relative;

  .header-logo {
    cursor: pointer;
    height: 32px;
    display: flex;
    align-items: center;
    img {
      vertical-align: top;
      height: 100%;
    }
  }
}
</style>
